.PageIndexTop {
  padding: 0 32px 40px;
  position: relative;
  overflow: hidden;

  .PageIndexTop-bg {
    position: absolute;
    top: 0;
    left: -30vw;
    height: 600px;
    width: 160vw;
    border-radius: 0 0 50% 50%;
  }

  .PageIndexTop-bg-lanjing,
  .PageIndexTop-bg-noMember {
    background: linear-gradient(93deg, #60a1fe 0%, #5a95ff 100%);
  }

  .PageIndexTop-bg-chijing {
    background: linear-gradient(107deg, #f6c1ba 0%, #c9e1d3 100%);
  }

  .PageIndexTop-bg-shuangchong {
    background: linear-gradient(119deg, #ffd9b0 0%, #d29e68 100%);
  }

  .r_sb {
    position: relative;
    z-index: 1;
    flex-direction: row;
    // justify-content: space-between;
    align-items: center;
    height: 75px;
    margin-right: 20vw;
  }

  .row {
    flex-direction: row;
    display: flex;
  }

  .t_row {
    flex-direction: row;
    align-items: center;

    .addressIcon {
      width: 28px;
      height: 32px;
      margin-right: 12px;
    }

    .rightIcon {
      width: 14px;
      height: 16px;
      margin-left: 6px;
    }

    .fc_32 {
      color: #ffffff;
      font-size: 32px;
      font-weight: bold;
      line-height: 44px;
    }
  }

  .search_box {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-content: center;
    margin-top: 28px;
    border-radius: 36px;
    background-color: rgba(255, 255, 255, 0.3);
    padding: 20px 30px;
    height: 72px;

    .search_icon {
      width: 32px;
      height: 32px;
      margin-right: 10px;
    }

    .search_text {
      color: #ffffff;
      font-size: 28px;
      font-weight: 400;
      opacity: 0.8;
    }
  }
}
